<template>
  <div class="newNickname">
       <Header title="修改昵称" background="#fff" @back="back"/>
       <van-cell-group>
          <van-field
            v-model="newNickname"
            rows="1"
            autosize
            type="textarea"
            maxlength="12"
            placeholder="请输入昵称"
            show-word-limit
          />
      </van-cell-group>
      <!-- <van-row gutter="12" class="fixedPaid" v-show="pageData.isOriginHei">
          <van-col span="24">
            <van-button class="sub sub1" block type="info" @click="$router.push({name: 'newNickname'})">更换完成</van-button>
          </van-col>
      </van-row> -->
  </div>
</template>

<script>
import { mapGetters, mapActions } from 'vuex'
export default {
  name: 'newNickname',
  computed: { ...mapGetters({ pageData: 'pageData'}) },
  data () {
    return {
      newNickname:'',
      yzm:'',
      show: false,
    }
  },
  methods: {
    back() {
      console.log('返回返回返回')
    },
    logout() {
      this.$router.push({name: 'login'})
    },
   onSelect(item){
      console.log(item)
      this.show = false
      if(item.type==1) {
      }
    },
    toCancel(){
      console.log('点击了取消');
    }
  },
  mounted() {
    
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scope>
.newNickname {
  padding-top: 50px;
  .van-cell-group {
    .van-field__body {
      position: relative;
      padding-right: 0;
    }
    .van-field__button {
      position: absolute;
      width: 80px;
      height: 40px;
      right: -6px;
      top: 50%;
      margin-top: -20px;

    }
    .van-button {
      width: 80px;
      height: 32px;
      margin-top: 4px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      background: none;
      color: #958CE7;
      border: none;
    }
    .van-cell,.van-field__label {
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #333333;
    }
    .van-field__control{
      font-size: 13px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #666666;
    }
  }
.fixedPaid {
    bottom: 0;
    left: 0;
    width: 100%;
    position: fixed;
    height: 50px;
    width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
    background: #FFFFFF;

    .sub {
      
      width: 100%;
      height: 40px;
      margin-top: 4px;
      border-radius: 40px;
      background: linear-gradient(270deg, #E091A9 0%, #9A7FCF 100%);
      border: none;
      font-size: 13px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #fff;
    }
    .sub1 {
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #fff;
      background: linear-gradient(270deg, #E091A9 0%, #9A7FCF 100%);
      border-radius: 40px;
      border-radius: 40px;
      border: none;
    }
  }

}
</style>
